<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>抢购商品详情-商品</title>
    <!--css style-->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="responsive/flexible.css">
    <script src="responsive/flexible.js"></script>
</head>
<body class="detail inner_page">
    <header>
        <a href="javascript:void(0)" class="pre_page"></a>
        <a href="index.html" class="home"></a>
        <nav>
            <a href="javascript:void(0)" class="active">商品</a>
            <a href="javascript:void(0)">详情</a>
            <a href="javascript:void(0)">评价</a>
        </nav>


    </header>


    <section class="main">
        <!--banner start-->
        <div class="banner_wrap wrapper">
            <div class="banner">
                <div class="tempWrap">
                    <ul>
                        <li>
                            <a href="javascript:void(0)"><img src="img/detail_banner.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href="javascript:void(0)"><img src="img/detail_banner.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href="javascript:void(0)"><img src="img/detail_banner.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href="javascript:void(0)"><img src="img/detail_banner.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href="javascript:void(0)"><img src="img/detail_banner.jpg" alt=""></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="hd">
                <ul>

                </ul>
            </div>
        </div>
        <!--banner end-->

        <div class="rush_prompt">
            <div class="container">
                <img src="img/lightning.png" alt=""><em>限量10件，手慢无</em>
                <div class="left_time">
                    距抢购开始还有 <span>01</span>:<span>02</span>:<span>26</span>
                </div>
            </div>
        </div>

        <!--商品信息-->
        <div class="container">
            <div class="info">
                <h2>实木餐桌餐椅套装实木家具餐台餐桌椅组合餐厅小户型橡胶木餐桌 单餐桌 原木色</h2>
                <div class="price"><em>￥<strong>3699.00</strong></em></div>
                <p><span class="left">累计销量856笔</span>快递：免运费      发货地：广东深圳</p>
            </div>
        </div>
        <ul class="list">
            <li>
                <a href="javascript:void(0)">
                    <span>领券</span>
                <i>满2000减100</i><i>满2000减100</i><i>满2000减100</i>
                 </a>

            </li>
            <li><a href="javascript:void(0)">
                <span>促销</span><strong>满减活动：</strong>满3000立减200，满5000-400</a>
            </li>
            <li><a href="javascript:void(0)"><span>已选</span>原木色烤漆面，一桌六椅，2件</a></li>
            <li><a href="javascript:void(0)"><div class=" rate right">好评 <strong>99%</strong></div><span>评价(2356)</span></a></li>

        </ul>


        <!--评论-->
        <div class="comments">
            <div class="container">


                <ul>
                    <li>
                        <h3>
                            <img src="img/red_star.png" alt=""><img src="img/red_star.png" alt=""><img src="img/red_star.png" alt=""><img src="img/red_star.png" alt=""><img src="img/red_star.png" alt="">
                            <span>q***5</span>
                        </h3>
                        <p>
                            购物方便，家具质量很好，值得信赖的商家，满意！！家具质量
                            很好，值得信赖的商家，购物方便，家具质量很好，值得信赖...
                        </p>
                        <div class="pics">
                            <img src="img/detail.png" alt="">
                            <img src="img/detail.png" alt="">
                            <img src="img/detail.png" alt="">
                            <img src="img/detail.png" alt="">
                        </div>
                    </li>
                    <li>
                        <h3>
                            <img src="img/red_star.png" alt=""><img src="img/red_star.png" alt=""><img src="img/red_star.png" alt=""><img src="img/red_star.png" alt=""><img src="img/red_star.png" alt="">
                            <span>q***5</span>
                        </h3>
                        <p>
                            购物方便，家具质量很好，值得信赖的商家，满意！！家具质量
                            很好，值得信赖的商家，购物方便，家具质量很好，值得信赖...
                        </p>
                    </li>
                    <li>
                        <h3>
                            <img src="img/red_star.png" alt=""><img src="img/red_star.png" alt=""><img src="img/red_star.png" alt=""><img src="img/red_star.png" alt=""><img src="img/red_star.png" alt="">
                            <span>q***5</span>
                        </h3>
                        <p>
                            购物方便，家具质量很好，值得信赖的商家，满意！！家具质量
                            很好，值得信赖的商家，购物方便，家具质量很好，值得信赖...
                        </p>
                        <div class="pics">
                            <img src="img/detail.png" alt="">
                            <img src="img/detail.png" alt="">
                            <img src="img/detail.png" alt="">
                        </div>
                    </li>

                </ul>
                <a href="javascript:void(0)" class="all_comments">查看全部评价</a>

            </div>

        </div>


        <!--店铺信息-->
        <div class="shop_info">
            <dl class="container">
                <dt>
                    <div class="shop_pic">
                        <img src="img/shop.jpg" alt="">
                    </div>
                    <h3>宜家家居直营店</h3>
                    <p>主营:家具家居 卫浴配件 家纺 家具 ...</p>
                </dt>
                <dd>
                    <span>
                        166 <br>
                        全部商品
                    </span>
                    <span>
                        23<br>
                        设计师
                    </span>
                    <span>
                        588<br>
                        效果图
                    </span>
                    <a href="javascript:void(0)" class="to_shop"><img src="img/shop.png" alt="">进入店铺</a>
                </dd>
            </dl>
        </div>

        <!--推荐商品-->
        <div class="commends">

            <div class="container commends_wrap">
                <div class="commend">
                    <div class="tempWrap">
                        <div class="tempWrap">
                            <ul class="pages">
                                <li>
                                    <ol>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <ol>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <ol>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <ol>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                        <li>
                                            <div class="pic">
                                                <a href="javascript:void(0)">
                                                    <img src="img/product.jpg" alt="">
                                                </a>
                                            </div>
                                            <p><a href="javascript:void(0);">餐桌 实木餐桌餐桌
                                                椅组合 折叠伸缩...</a></p>
                                            <span>￥2369.00</span>
                                        </li>
                                    </ol>
                                </li>

                            </ul>

                        </div>
                    </div>
                </div>

                <div class="hd">
                    <ul></ul>
                </div>


            </div>


        </div>

        <!--加入购物车成功提示框-->
        <div class="to_cart_box">
            <img src="img/success.png" alt="">
            <p>加入购物车成功</p>
        </div>


        <!--产品参数-->
        <div class="mask specification">
            <form class="speci_form" id="specification">
                <i></i>
                <div class="spe_header">
                    <div class="container">
                        <div class="pic">
                            <img src="img/specification.jpg" alt="">
                        </div>
                        <div class="price"><em>￥<strong>3699.00</strong></em></div>
                        <p>请选择材质、规格</p>
                        <div class="clear"></div>
                    </div>

                </div>
                <dl class="container">
                    <dt>
                        <h3>颜色</h3>
                    </dt>
                    <dd>
                        <input type="checkbox" value="" id="color_1" value="1"><label for="color_1">1桌4椅(0896餐椅*4)</label>
                        <input type="checkbox" value="" id="color_2" value="2"><label for="color_2">1桌4椅(0896餐椅*4)</label>
                        <input type="checkbox" value="" id="color_3" value="3"><label for="color_3">1桌4椅(0945餐椅*4)</label>
                        <input type="checkbox" value="" id="color_4" value="4"><label for="color_4">1桌4椅(0945餐椅*4)</label>
                        <input type="checkbox" value="" id="color_5" value="5"><label for="color_5">1桌4椅(0896餐椅*4)</label>
                        <input type="checkbox" value="" id="color_6" value="6"><label for="color_6">1桌4椅(0896餐椅*4)</label>
                        <input type="checkbox" value="" id="color_7" value="7"><label for="color_7">1桌4椅(0945餐椅*4) </label>
                        <input type="checkbox" value="" id="color_8" value="8"><label for="color_8">1桌4椅(0945餐椅*4)</label>
                        <input type="checkbox" value="" id="color_9" value="9"><label for="color_9">单桌+0896餐椅*2+1006长凳单桌+0896餐椅*2</label>
                    </dd>

                    <dt>
                        <h3>尺寸</h3>
                    </dt>
                    <dd>
                        <input type="checkbox" value="" id="size_1" value="85cm_120cm"><label for="size_1">85cm*120cm</label>
                        <input type="checkbox" value="" id="size_2" value="85cm_120cm"><label for="size_2">85cm*120cm </label>
                        <input type="checkbox" value="" id="size_3" value="85cm_120cm"><label for="size_3">85cm*120cm</label>
                        <input type="checkbox" value="" id="size_4" value="85cm_120cm"><label for="size_4">85cm*120cm</label>
                        <input type="checkbox" value="" id="size_5" value="85cm_120cm"><label for="size_5">85cm*120cm</label>
                    </dd>

                </dl>
                <div class="do wrapper">
                    <input type="button" value="加入购物车">
                    <input type="submit" value="立即购买">
                </div>
            </form>
        </div>

        <!--促销-->
        <div class="mask promotion">
            <div class="pro_info">
                <i></i>
                <dl class="container">
                    <dt>促销</dt>
                    <dd>
                        <span>满减：</span>
                        <p>满3000立减200，满5000立减300，满3000立减200
                            满5000立减300</p>
                        <div class="clear"></div>
                    </dd>
                    <dd>
                        <span>满减：</span>
                        <p>满3000即赠热销保险柜，赠完即止，满6000即赠热销保
                        险柜，赠完即止，满9000即赠热销保险柜，赠完即止，
                        满15000即赠热销保险柜，赠完即止，</p>
                        <div class="clear"></div>
                    </dd>
                    <dd>
                        <span>满减：</span>
                        <p>买即送高档椅子布套，赠送数量跟随套餐变化</p>
                        <div class="clear"></div>
                    </dd>

                </dl>
            </div>

        </div>

        <!--优惠券-->
        <div class="mask coupon">
            <div class="coupon_info">
                <i></i>
                <dl class="container">
                    <dt>领取优惠券</dt>
                    <dd class="drawn">
                        <a href="javascript:void(0)"><img src="img/coupon.jpg" alt=""></a>
                    </dd>
                    <dd>
                        <a href="javascript:void(0)"><img src="img/coupon.jpg" alt=""></a>
                    </dd>
                    <dd>
                        <a href="javascript:void(0);"><img src="img/coupon.jpg" alt=""></a>
                    </dd>
                </dl>
            </div>
        </div>



        <a href="javascript:void(0)" class="to_top"><img src="img/to_top.png" alt="">上拉查看图文详情</a>
    </section>




    <div class="fix_nav">

        <div class="wrapper">
            <ul>
                <li>
                    <a href="javascript:void(0)" class="shop">
                        店铺
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)" class="attention">
                        关注
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)" class="cart">
                        购物车
                    </a>
                </li>

            </ul>
            <a class="add_2_cart" href="javascript:void(0)">
                加入购物车
            </a>

        </div>

    </div>

</body>
<script src="js/jquery.js"></script>
<script src="js/jquery.SuperSlide.2.1.2.js"></script>
<script>
    $(function(){

        /*banner animation*/
        $(".banner_wrap").fadeIn();
        $(".banner_wrap ").slide({
            titCell: ".hd ul",
            autoPage: "<li><a></a></li>",
            autoPage:true,
            mainCell: ".banner ul",
            effect: "leftLoop",
            autoPlay: true,
            vis: "auto",
            scroll: 1,
            easing: "easeInOutQuad",
            interTime: 5000
        });

        $(".commends_wrap").fadeIn();
        $(".commends_wrap ").slide({
            titCell: ".hd ul",
            autoPage: "<li><a></a></li>",
            autoPage:true,
            mainCell: ".commend ul",
            effect: "leftLoop",
            autoPlay: true,
            vis: "auto",
            scroll: 1,
            easing: "easeInOutQuad",
            interTime: 5000
        });

        $(".to_top").on("click",function(){
            $(window).scrollTo(0);
        });
    });

</script>
</html>